<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/mui2.css">
		<link rel="stylesheet" href="../css/pravate/updateCaozuoPass.css">
		<script type="text/javascript" src="../js/jquery-2.1.0.js" ></script>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/mobile-detect.min.js" ></script>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">修改操作密码</h1>
		</header>
		<div id="div1">
			<form class="mui-input-group">
			    <div class="mui-input-row">
			    	<label>手机号码</label>
			        <input type="text" value="">
			       	<button class="mui-btn-blue checkButton" type="button" style="padding:5px;position: absolute;top: 2px;right: 15px;width: 80px;">发送验证码</button>
			    </div>
			    <div class="mui-input-row">
			    	<label>短信验证码</label>
			       	<input type="text" class="mui-input-clear">
			    </div>
			</form>
		</div>
		<span class="xiaozi">密码由6位数字组成</span>
		<div id="div2">
			<form class="mui-input-group">
			    <div class="mui-input-row">
			        <input type="text" class="mui-input-clear" placeholder="输入新操作密码">
			    </div>
			    <div class="mui-input-row">
			        <input type="text" class="mui-input-clear" placeholder="确认新操作密码">
			    </div>
			</form>
		</div>
		<div id="div3">
			<button type="button" class="mui-btn mui-btn-primary" style="width: 90%; margin-left: 5%;">完成</button>
		</div>
		<script>
			mui.init();
			mui("body").on("tap",".checkButton",function(){
				var second=60;
				var time=setInterval(function(){
					if(second>0){
						var s=--second;
						$(".checkButton").html(s+"秒");
						$(".checkButton").attr("disabled","disabled");
					}else{
						$(".checkButton").removeAttr("disabled");
						$(".checkButton").html("发送验证码");
						clearInterval(time);
					}
				},1000)
			})
		</script>
	</body>
</html>
